﻿/* global */
body { margin:0; padding:0; font-size:12px; font-family:Arial,"宋体"; }
form,div,p,span,label,i,ul,ol,li,dl,dt,dd,fieldset,legend { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight:normal; }
table,td,input,select,textarea { font-size:12px; }
li { list-style:none; }
img { vertical-align:middle; }
a img { border:none; }
header,section,nav,article,aside,footer,hgroup { display:block; }

/* text-align、float */

.l,.fl { float:left !important; }
.r,.fr { float:right !important; }
.fn { float:none !important; }

.clear { clear:both; font-size:0; visibility:hidden; line-height:0; height:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; height:1%; }

body, div, td, input, textarea, select { color:#424242; }
a { color:#666; text-decoration:none; }
a:hover { color:#f60; }



#header, #content, #footer { width:980px; margin-left:auto; margin-right:auto; background-color:#fff; }
#header { margin-bottom:10px; }
#content { clear:both; }
#footer { margin-top:20px; }
.layout { margin-bottom:10px; }
.layout:after { content:'\20'; display:block; height:0; clear:both; }
.w180 { width:180px; }
.w250 { width:250px; }
.w485 { width:485px; }
.w530 { width:530px; }
.w790 { width:790px; }
.w720 { width:720px; }

#header .imports { background-color:#fffecc; border-bottom:solid 1px #ddd; line-height:25px; text-align:center; }
#header .headertop
{
	background: url( '../Images/index.png' ) no-repeat -10px -1016px;
	height: 21px;
	padding-top: 7px;
}
#header .headertop .headerlogin { float:left; padding-left:5px; }
#header .headertop .topnav { float:right; }
#header .headertop .topnav li { border-right:1px solid #ccc; float:left; height:14px; line-height:14px; }
#header .headertop .topnav li a { padding:0 6px; }
#header .headertop .topnav li.sp { border:0; }
#header .headerinner { height:80px; overflow:hidden; }
#header .headerinner .logo { display:block; float:left; width:282px; height:67px; overflow:hidden; margin-top:6px; background:url('../Images/mlogo.gif'); text-indent:-100px; }
#header .headerinner .headersearch_tab { width:620px; height:65px; float:right; margin-top:8px; position:relative; }
#header .headerinner .headersearch_tab form { margin:0; padding:0; }
#header .headerinner .headersearch_tab ul li.on, #header .headerinner .headersearch_tab ul li.on span, #header .headerinner .headersearch_tab ol
{
	background: url( '../Images/bg_headersearch_tab.gif' ) no-repeat;
}
#header .headerinner .headersearch_tab ul { height:28px; margin:0; padding:0; overflow:hidden; z-index:2; position:absolute; top:0;left;0; }
#header .headerinner .headersearch_tab ul li { float:left; height:28px; padding-right:12px; cursor:pointer; }
#header .headerinner .headersearch_tab ul li span { display:inline-block; height:25px; line-height:25px; padding-bottom:3px; padding-left:12px; color:#069; }
#header .headerinner .headersearch_tab ul li.on { background-position:right top; }
#header .headerinner .headersearch_tab ul li.on span { background-position:-200px 0; color:#333; font-weight:bold; }
#header .headerinner .headersearch_tab ul li.on span.first { background-position:0 0; }
#header .headerinner .headersearch_tab ol { height:32px; background-position:0 -28px; padding:4px 5px; margin:0; overflow:hidden; z-index:1; position:absolute; top:25px; left:0; }
#header .headerinner .headersearch_tab ol li { float:left; height:32px; }
#header .headerinner .headersearch_tab ol li input.keyword_txt { width:485px; border:none; background:none; height:16px; padding:8px 0 8px 25px; font-size:14px; }
#header .headerinner .headersearch_tab ol li input.search_btn { width:100px; border:none; background:none; height:32px; font-size:14px; color:#fff; font-weight:bold; }
#header #country-menu { height:35px; width:980px; overflow:hidden; }
#header #country-menu ul { width:981px; }
#header #country-menu li { float:left; font-size:12px; width:196px; text-align:center; line-height:36px; background:url('../Images/index.png') no-repeat -10px -1065px; } 
#header #country-menu li a { float:left; width:195px; padding:0; margin-left:1px; }
#header #country-menu li strong { display:inline-block; cursor:pointer; color:#fff; font-weight:bold; font-size:14px; }
#header #country-menu li.current a { background:url('../Images/index.png') no-repeat 0px -1164px; font-weight:bold; }
#header #country-menu li.current strong { font-weight:bold; }
#header #country-menu li a:hover { background:url('../Images/index.png') no-repeat 0px -1164px; }
#header #country-menu li#menu-cn strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -631px; } 
#header #country-menu li#menu-us strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -667px; } 
#header #country-menu li#menu-gm strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -703px; } 
#header #country-menu li#menu-uk strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -739px; } 
#header #country-menu li#menu-ca strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -775px; } 
#header #country-menu li#menu-au strong { padding-left:40px; background:url('../Images/index.png') no-repeat -10px -811px; }
#header #country-menu li#menu-ph { background:none; }
#header .headersearchwrap { background:url('../Images/index.png') repeat-x 0px -1209px; height:36px; }
#header .headersearchwrap h4 { width:50px; float:left; line-height:28px; font-weight:bold; text-align:center; }
#header .headersearchwrap h4.cn { background:url('../Images/index.png') no-repeat -5px -95px; color:#060; }
#header .headersearchwrap h4.ot { background:url('../Images/index.png') no-repeat -5px -125px; color:#be582f; }
#header .headersearchwrap ul { overflow:hidden; width:420px; height:28px; }
#header .headersearchwrap ul li { height:14px; line-height:14px; margin:7px auto 7px -1px; padding:0 5px; border-left:solid 1px #999; float:left; color:#999; }
#header .headersearchwrap ul li  a { color:#999; }
#header .headersearchwrap ul li  a:hover { color:#999; }
#header .headersearchwrap p { padding-left:15px; line-height:28px; color:#7b7668; }
#header .headersearchwrap p a { margin:0 5px; color:#7b7668; }
#header .headersearchwrap p a:hover { color:#f60; }

#footer ul { height:20px; }
#footer ul.ftnav { padding:10px 170px; border-bottom:solid 1px #ddd; }
#footer ul.copyright { padding:10px 90px; }
#footer ul li { display:block; float:left; height:18px; line-height:18px; color:#999; border-right:solid 1px #999; padding:0 6px; }
#footer ul li.bn { border-right:none; }
#footer ul li.bn div { display:inline; }
#footer ul li a { color:#999; text-decoration:none; }
#footer ul li a:hover { text-decoration:none; }
#footer ul.ftnav li.bn { background: url('../Images/index.png') no-repeat -4px -871px; cursor:pointer; padding-left:105px; }
#footer ul.copyright li.fc1 { background:url('../Images/index.png') no-repeat -4px -904px; padding-left:30px; }
#footer ul.copyright li.fc2 { background:url('../Images/index.png') no-repeat -4px -931px; padding-left:30px; }
#footer ul.copyright li.fc3 { background:url('../Images/index.png') no-repeat -4px -954px; padding-left:30px; }
#footer ul.copyright li.fc4 { background:url('../Images/index.png') no-repeat -4px -977px; padding-left:30px; }
#footer ul.copyright li.fc5 { margin-left:30px; }

/**/
#topic { width:720px; height:290px; overflow:hidden; }
#toppic ul { position:relative; z-index:1px; width:720px; height:290px; }
#toppic ul li span { position:absolute; cursor:pointer; margin-top:267px; text-align:center; background-color:#999; font-weight:normal; top:-1px; font-size:12px; color:#fff; z-index:11; width:15px; line-height:15px; }
#toppic ul li#tp01 span { left:640px; }
#toppic ul li#tp02 span { left:663px; }
#toppic ul li#tp03 span { left:685px; }
#toppic ul li span a { text-decoration:none; color:#fff; }
#toppic ul li div { display:none; height:290px; width:720px; position:absolute; top:0; left:0; }
#toppic ul li.c span { background:none; background-color:#9c0; }
#toppic ul li.c span a { text-decoration:none; color:#fff; }
#toppic ul li.c div { display:block; }

/**/
.freelogin { background:url('../Images/index.png') no-repeat -10px -1265px; height:42px; }
.freelogin li { float:left; line-height:40px; text-align:center; font-size:15px; font-weight:bold; height:20px; }
.freelogin li a{ display:block; color:#FF7800;}
.freelogin li a:hover{ color:#87AE59;}
.freelogin li a#log{width:70px; height:42px;}
.freelogin li a#reg{width:90px; height:42px;}
.freelogin li a#freeshop{width:90px; height:42px;}
.freelogin li a#log:hover{ background:url('../Images/index.png') no-repeat -270px -1265px; display:block; }
.freelogin li a#reg:hover{ background:url('../Images/index.png') no-repeat -350px -1265px; display:block; }
.freelogin li a#freeshop:hover{ background:url('../Images/index.png') no-repeat -350px -1265px; display:block; }

.login { border:1px solid #CDE2B0; height:244px; overflow:hidden; background-color:#F5F9E7; margin-top:2px; }
.login .loginlist{ list-style:none; margin:3px 0 0 5px; padding:0; background-color:#fff; padding: 0 0 10px 0; }
.login .loginlist li{ height:10px; padding:7px 5px 7px 10px; _padding:5px 5px 5px 10px; margin:0 5px 0 5px; background:url('../Images/index.png') no-repeat -10px -1317px; border-bottom:1px dotted #666;}
.login .loginlist li span{ color:#666;} 
.login .loginlist li a{ color:#666;}
.login .loginlist li a:hover{ color:#f60; text-decoration:underline;}
.login .team{ margin:4px 0 0 3px;}

.block-cn{margin-bottom: 15px;}
.block-us{margin-bottom: 15px;}
.title{  padding-bottom:22px;  padding-top:5px; }
.title .more
{
	
	padding-right: 10px;
	padding-top: 8px;
	background: url( '../Images/index.png' ) no-repeat -10px -1016px;	
		
	height: 25px;
	padding-top: 7px;
	 text-align:right;
	float:left; padding-left:5px;
	width:100%;
}
.title .more1
{
	padding-right: 20px;
	padding-top: 8px;
	background: url(  '../Images/index.png' ) no-repeat -10px -1016px;
	text-indent: 2em;
	height: 25px;
	padding-top: 7px;
	float: left;
	padding-left: 5px;
	width: 100%;
	position: relative;
}
.title .more a{ text-decoration:none; padding-right:10px; color:#7b7b7b;}
.title .more a#moreall{padding:3px 5px; color:#fff; margin:2px 0 0 0; background-color:#8AC03B;}
.title .more a#moreal2{padding:3px 5px; color:#fff; margin:2px 0 0 0; background-color:#8AC03B;}
.allstores{margin:30px 0 0 235px;}
.allstores .stores{ border:1px solid #f0f0f0; border-collapse:collapse; text-align:center;}
.allstores .stores td{ border:1px solid #f0f0f0; line-height:22px; padding:10px; width:156px; }
.allstores .stores td span{ display:block;}
.allstores .stores td strong{ display:block; color:#F00;}
.allstores ul { border-left:solid 1px #f0f0f0; border-top:solid 1px #f0f0f0; width:708px; }
.allstores ul li { border-right:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:10px; width:156px; height:174px; float:left; margin:0; text-align:center; overflow:hidden; }
.allstores ul li span { display:block; margin-top:10px; }
.allstores ul li strong { display:block; color:#f00; margin-top:5px; }
.allstores ul li img { width:130px; height:130px; }

.linkcountry { position:absolute; display:block; width:100%; height:300px; top:0; left:0; }
.spike
{
	width: 207px;
	height: 299px;
	float: left;
	background: url( '../Images/sort_bk.png' ) no-repeat bottom;
	padding-top: 317px;
}
.spike img{ margin-left:10px;}
.spk{ cursor:pointer;}
.sort{float: left;width: 207px;	background: url( '../Images/sort_bk.png' ) no-repeat bottom;
      padding-top: 20px;
	overflow: hidden;
}
.listsorth4
{
	color: #fff;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 5px;
	padding: 0;
	background: url( '../Images/sort.png' ) no-repeat top;
	width: 23px;
	height: 65px;
	line-height: 24px;
	padding-top: 15px;
	padding-left: 10px;
}
.listsorth4.l3 { padding-top:5px; height:75px; }
.listsorth4 a { color:#fff; }
.listsorth4 a:hover { color:#fff; }
.sort ul { margin:0 5px 10px; padding-bottom:10px; border-bottom:1px dotted #60AECC; height:80px; overflow:hidden; }
.sort ul li{ float:left; line-height:14px; height:14px; margin:3px auto 3px -1px; text-align:center; border-left:solid 1px #b2b2b2; padding:0 5px; }
.sort ul li a{ white-space:nowrap; }
.sort ul li a.o{ color:#f60;}
.sort .sortd{border-bottom:0; margin-bottom:0; padding-bottom:0; }

/**/
.catalogtab { overflow:hidden; width:980px; margin:0 auto; background:url('../Images/index.png') no-repeat -10px -1383px; position:relative; padding-top:44px; }
#catalog-cn,#catalog-us,#catalog-ca,#catalog-au { float:left; }
.catalogtab h2 { width:70px; background:url('../Images/index.png') no-repeat right -1435px; position:absolute; top:0; left:0; height:38px; line-height:38px; font-size:14px; color:#666; padding:0 0 6px; text-align:center; }
#catalog-cn h2 { left:10px; cursor:pointer; }
#catalog-us h2 { left:80px; cursor:pointer; }
#catalog-ca h2 { left:150px; width:80px; cursor:pointer;}
#catalog-au h2 { left:230px; width:90px; cursor:pointer; }
#catalog-cn.c h2 { background:url('../Images/index.png') no-repeat -20px -1438px; color:#fff; }
#catalog-us.c h2 { background:url('../Images/index.png') no-repeat -20px -1438px; color:#fff; }
#catalog-ca.c h2 { background:url('../Images/index.png') no-repeat -15px -1438px; color:#fff; }
#catalog-au.c h2 { background:url('../Images/index.png') no-repeat -10px -1438px; color:#fff; } 

.catalogtab .eachnetstore{ width:978px; display:none; background-color:#fff; border:1px solid #dfdfdf; border-top:0px; padding-bottom:10px; }
.catalogtab .c .eachnetstore{ display:block; }

.category { overflow:hidden; width:960px; margin:0 auto; background:#fff;}
.category h3{ margin:7px 0 4px; padding:0 0 0 15px;background:url('../Images/index.png') no-repeat -8px -847px;font-size:14px; line-height:16px; font-weight:bold; }
.category h3 a { color:#316AC5; }
.category li { float:left;width:229px; height:91px; padding:2px 5px 1px 6px; }
.category li.g { background:#F8F8F8; }
.category li ul { width:215px; height:60px; white-space:nowrap; overflow:hidden; }
.category li ul li { float:left; width:auto; height:14px; line-height:14px; margin:3px auto 3px -1px; padding:0 5px; border-left:1px solid #666; }